<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        
        html{height: 100%;}
        body{height: 100%;margin: 0;
            padding: 0;}
            #container{
                height: 100%;
            }
    </style>
     <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=2b866a6daac9014292432d81fe9b47e3"></script>
</head>
<body>
   <div id="container"></div> 
   <script>
       //创建地图对象  对容器初始化
       var map=new BMapGL.Map('container')
       //创建坐标   经度  纬度
       var point=new BMapGL.Point(113.797415,34.802598)
       //初始化地图 并且指定显示级别  1----19
       map.centerAndZoom(point,19)

       //平台缩放控件
       map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
       var scaleCtrl = new BMapGL.ScaleControl();  // 添加比例尺控件
       map.addControl(scaleCtrl);
       var zoomCtrl = new BMapGL.ZoomControl();  // 添加缩放控件
       map.addControl(zoomCtrl);
       var cityCtrl = new BMapGL.CityListControl();  // 添加城市列表控件
       map.addControl(cityCtrl);
   </script>
</body>
</html>